<template>
    <Historylists>
        <div class="moviecontainer">
            <MovieItem :movies="item" v-for="item,index of hisyorylists" :key="index"></MovieItem>
        </div>
    </Historylists>
</template>

<script>
import MovieItem from '../../components/MovieItem';
import { getCollectMovie } from "../../model/MovieCollect";
import Historylists from '../../globalComponents/Historylists'
    export default {
        components:{MovieItem,Historylists},
        data() {
            return {
                hisyorylists:{},
            }
        },
        async mounted() {
            var getHistoryMovieUrl = '/api/getHistory';
            getCollectMovie(getHistoryMovieUrl).then(res=>{
                this.hisyorylists = res.data.res
            })
        },
    }
</script>

<style scoped>

</style>